var app = new Vue({
    el: "#suibian",
    data: {
        // 页面中需要使用到的数据，键值对
        categories: null,
        handline: null,
        key:"热门",

    },
    mounted: function () {
        axios.get(HOST + 'newcategories')
            .then(response => {
                console.log(response)
                this.categories = response.data.results

            });
       axios.get(HOST + 'handline')
            .then(response => {
                this.handline = response.data.results
            });
        // 一加载就需要做的，直接是代码

    },
    methods: {

        get_category_id: function (category_id,key) {
                this.key=key

            axios.get(HOST + 'newcastlist/' + category_id)
                .then(response => {
                    this.handline = response.data.results
                })
        }
        // 需要用到的函数，键值对 ，键是名称，值是匿名函数
    },
})


// $('#cates').click(function(){
//     $('#cates').each(function () {
//         $(this).removeClass('acitve')
//
//     })
//
//     $(this).addClass('active')
//     // 内部的this指的是原生对象
//
//     // 使用jquery对象用 $(this)
//
// })